body {
  padding: 0;
  margin: 0;

  // 清除a标签默认样式
  a,
  a:link,
  a:visited,
  a:hover,
  a:active {
    color: inherit;
    text-decoration: none;
  }
}

body,
html {
  width: 100%;
  height: 100%;
}

html,
body,
div,
dl,
dt,
dd,
pre,
code,
form,
input,
button,
textarea,
p,
th,
td,
ul,
li {
  font-family: Arial, 'Ping Fang SC', 'Microsoft YaHei', Helvetica, sans-serif, 'SimSun';
}

// 布局使用
.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

.image-view {
  a {
    display: block;
    height: 100%;
    overflow: hidden;
    text-align: center;
  }

  &.full {
    a > img {
      width: 100%;
      height: 100%;
    }
  }

  &.cover {
    a > img {
      width: 100%;

      &.cover-height {
        width: auto;
        height: 100%;
      }
    }
  }

  &.contain {
    a > img {
      height: 100%;

      &.contain-width {
        width: 100%;
        height: auto;
        vertical-align: middle;
      }
    }
  }
}

.noData {
  width: 170px;
  padding-top: 170px;
  margin: 80px auto;
  font-size: 14px;
  color: #999;
  text-align: center;
  background: url('../images/null.png') no-repeat 0 0;
}
